<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <form action="">
        用户名：<input type="text" name="user_name" id=""><br>
        密码：<input type="password" name="user_pwd" id=""><br>
        <!-- email提供了默认的电子邮箱格式 -->
        邮箱：<input type="email" name="" id=""><br>
        <!-- tel不能用来验证是否全是数字 它的作用是为了能够在移动端打开数字键盘 
        意味着数字键盘限制了用户只能输入数字-->
        电话：<input type="tel"><br>
        <!-- url提供了默认的网址格式 -->        
        网址：<input type="url" name="" id=""><br>
        <!-- 只能输入数字 包含小数点 -->
        <!-- max  min  value(默认值) -->
        数量：<input type="number" name="" id=""><br>
        <!-- search比起文本输入 多了一个删除 -->
        请输入商品名称：<input type="search"><br>
        <!-- 范围条 -->
         <!-- max  min  value(默认值) -->
        范围：<input type="range" max="100" min="0" value="50"><br>
        <!-- 你懂得 -->
        颜色拾取器：<input type="color" name="" id=""><br>
        <!-- 日期 时间-->
        <!-- 时分秒 -->
        时间：<input type="time" name="" id=""><br>
        <!-- 年月日 -->
        日期：<input type="date"><br>
        <!-- 年月日+时分秒 -->
        日期+事件：<input type="datetime-local"><br>
        <!-- 月份 -->
        月份：<input type="month" name="" id=""><br>
        星期：<input type="week"><br> 
        <input type="button" name="" id="" value="提交">
    </form>
    
</body>
</html>

